import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'

// 导入全局样式
import './style.css'
import './assets/styles/theme.css'
import { initKeywordTranslator } from './utils/KeywordTranslator'

const app = createApp(App)

// 注册Pinia状态管理
app.use(createPinia())

// 注册路由
app.use(router)

// 挂载应用
app.mount('#app')

// 初始化关键词翻译器 - 使用适当的延迟确保DOM已加载
document.addEventListener('DOMContentLoaded', () => {
  // 在DOM加载完成后再等待一小段时间，确保Vue组件已渲染
  setTimeout(() => {
    initKeywordTranslator();
    console.log('关键词翻译器已在全局初始化');
  }, 1000);
});
